<template lang="">
    <main>
        <a-card title="2021年9月1日">
     
              <a-timeline mode="alternate" >
                <a-timeline-Item   v-for="record of cardRecords" :key="record.id" @click="record.handle" :color="useRandomColor()"> {{record.time}}----<a-button>{{record.content}}</a-button></a-timeline-Item>
                
              </a-timeline>
        
        </a-card>
    </main>
</template>
<script>
    import {
        menuViewConfig
    } from "@vp/show/menu.js";
    //引入随即色文件
    import {
        useRandomColor
    } from "@vp/show/color.js"
    export default {
        setup() {
            const {
                cardRecords
            } = menuViewConfig

            return {
                cardRecords,
                useRandomColor
            }
        }
    }
</script>
<style>

</style>